{% extends 'base.html' %}
{% block title %}
	<title>Wow Dkp Engine</title>
	<meta name="Keywords" content="wow,dkp"/>
	<meta name="description" content="A wow dkp system" />

{% endblock %}
{% load filter %}
{% block contents %}
<div id="header">
	<div id="main-menu">
		<ul class=menu>
			<li class="normal-page" ><a href="/">Home</a></li>
			<li class="normal-page"><a href="/pub/events/">Events</a></li>
			<li class="current-page"><a href="/pub/players/">Players</a></li>
			<li class="normal-page"><a href="/pub/overview/class/">Class</a></li>
			<li class="normal-page"><a href="/pub/overview/score/">Overview</a></li>
		</ul>
		<div class="player-class-tab" id="player-class">
			<a href="/pub/players/class/WARLOCK/" title="Warlock"><img src="/static/images/wow/class/9.png" width="21" height="21" alt="9" /></a>
			<a href="/pub/players/class/PRIEST/" title="Priest"><img src="/static/images/wow/class/5.png" width="21" height="21" alt="5" /></a>
			<a href="/pub/players/class/MAGE/" title="Mage"><img src="/static/images/wow/class/8.png" width="21" height="21" alt="8" /></a>
			<a href="/pub/players/class/DRUID/" title="Druid"><img src="/static/images/wow/class/11.png" width="21" height="21" alt="11" /></a>
			<a href="/pub/players/class/ROGUE/" title="Rogue"><img src="/static/images/wow/class/4.png" width="21" height="21" alt="4" /></a>
			<a href="/pub/players/class/SHAMAN/" title="Shaman"><img src="/static/images/wow/class/7.png" width="21" height="21" alt="7" /></a>
			<a href="/pub/players/class/HUNTER/" title="Hunter"><img src="/static/images/wow/class/3.png" width="21" height="21" alt="3" /></a>
			<a href="/pub/players/class/PALADIN/" title="Paladin"><img src="/static/images/wow/class/2.png" width="21" height="21" alt="2" /></a>
			<a href="/pub/players/class/WARRIOR/" title="Warrior"><img src="/static/images/wow/class/1.png" width="21" height="21" alt="1" /></a>
			<a href="/pub/players/class/DEADKNIGHT/" title="Deadknight"><img src="/static/images/wow/class/6.png" width="21" height="21" alt="6" /></a>
		</div>
	</div>
</div>
<div id="main">
	<div id="chart" align="center" style="margin-top: 70px;">
	<img src="http://chart.apis.google.com/chart?
			chs=500x300
			&amp;chts=9482C9,15
			&amp;chtt=Guild Members ({{players}})
			&amp;chd=t:{{warlock}},{{mage}},{{priest}},{{rogue}},{{druid}},{{shaman}},{{hunter}},{{paladin}},{{warrior}},{{deadknight}}
			&amp;cht=p
			&amp;chf=bg,s,000000
			&amp;chco=9482C9|69CCF0|FFFFFF|FFF569|FF7D0A|2459FF|ABD473|F58CBA|C79C6E|000000
			&amp;chl=Warlock({{warlock}})|Mage({{mage}})|Priest({{priest}})|Rogue({{rogue}})|Druid({{druid}})|Shaman({{shaman}})|Hunter({{hunter}})|Paladin({{paladin}})|Warrior({{warrior}})|Deadknight({{deadknight}})"
			 alt="Sample chart" />
		</div>
</div>
{% endblock %}
